let page = 1 ;
let line = 16 ;
setPage();
async function setPage(){
    // 1, 获取浏览器地址栏数据
    const urlObj = myGetUrlValue();
    console.log(urlObj  );

    const res = await myPromiseAjax( '../server/goods_list.php' , 'get' , {cat_one_id:urlObj.cat_one_id , page: page , line: line } , 'json' );                                                          
      console.log( res );
      let str = '';

      res.data.forEach( item => {
        // item是数组中存储数据的对象
        str += `
        <div class="shangping">
        <div>
            <img src="${item.goods_big_logo}" alt="" id="jdspimg">
        </div>
        <div class="jdfot">
            <a href="./detail.html?goods_id=${item.goods_id}" id="jdcribe">${item.goods_name}</a><br>
            <span id="jdprice">￥${item.goods_price}</span>
            <div id="Looking"><a href="javascript:;" id="Looking11">找相似</a></div>
            <div class="bgred"><img src="../imges3/下载.png" alt="" id="witbred"></div>
        </div>
    </div>
</div> 
        
        `;
      })
      $('.listgoods').html( str );

      $('.jdpaging').pagination({
        pageCount: res.sumPage ,        // 总页数
        totalData: res.row ,            // 数据总数量
        current: res.page ,             // 当前第几页
        showData: res.line ,            // 每页显示数据的条数
        prevCls: 'prev' ,               // 上一页class类名
        nextCls: 'next' ,               // 下一页class类名
        prevContent: '上一页' ,         // 上一页 内容
        nextContent: '下一页' ,         // 下一页 内容
        activeCls: 'active' ,           // 当前选中页类名
        mode: 'fixed' ,                 // 固定 页数按钮
        count: 4 ,                     // 页码数量 不算选中页 也就是设定4 显示5个
        coping: true ,                  // 开启首页末页
        homePage: '首页' ,              // 首页文字内容           
        endPage: '末页' ,               // 末页文字内容
        isHide: true,                   // 总页数是 0页或者1页 时 隐藏分页插件
        keepShowPN: true ,              // 一直显示上一页下一页  固定模式 会一直显示上一页下一页
        jump: true ,                    // 跳转功能
        
        callback:function(value){            
          page = value.getCurrent();
          // 动态渲染生成新的页面内容
          setPage();
        }       
      })
}